---
layout: table_wrappers
---

<!DOCTYPE html>

<html lang="{{ site.lang | default: "en-US" }}">
{% include head.html %}
<body>
  <svg xmlns="http://www.w3.org/2000/svg" style="display: none;">
    <symbol id="link" viewBox="0 0 16 16">
      <title>Link</title>
      <path fill-rule="evenodd" d="M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"></path>
    </symbol>
  </svg>

  <div class="page-wrap">
    <div class="side-bar">
      <div class="site-header">
        <img src="{{'logo.png' | absolute_url }}" class="logo-image" style="height:58px">
        <a href="{{ site.url }}{{ site.baseurl }}" class="site-title lh-tight head-custom" >Simple<span class="head-custom-blue">FOC</span>Docs</a>
        <button class="menu-button fs-3 js-main-nav-trigger" data-text-toggle="Hide" type="button">Menu</button>
      </div>
       <div class="navigation main-nav js-main-nav">
        {% include nav.html %}
      </div>
      <footer class="site-footer">
            <ul class="nav-custom nav-custom-bottom aux-nav">
              <li class="nav-item">
                  <a href="https://simplefoc.com/" title="SimpleFOC project home"><i class="fa fa-home fa-lg"></i></a>
              </li>
              <li class="nav-item">
                  <a href="https://github.com/simplefoc" ><i class="fa fa-github fa-lg"></i> </a>
              </li>
              <li class="nav-item">
                  <a href="https://simplefoc.com/shop" ><i class="fa fa-shopping-cart fa-lg"></i> </a>
              </li>
              <li class="nav-item rm-md">
                  <a href="https://community.simplefoc.com" title="SimpleFOC project home"> 
                      <i class="fa fa-lg">
                          <svg id="fab-discourse" style="width:15px" viewBox="0 0 448 512">
                                  <path d="M225.9 32C103.3 32 0 130.5 0 252.1 0 256 .1 480 .1 480l225.8-.2c122.7 0 222.1-102.3 222.1-223.9C448 134.3 348.6 32 225.9 32zM224 384c-19.4 0-37.9-4.3-54.4-12.1L88.5 392l22.9-75c-9.8-18.1-15.4-38.9-15.4-61 0-70.7 57.3-128 128-128s128 57.3 128 128-57.3 128-128 128z"></path>
                          </svg>
                      </i> 
                        Community 
                  </a>
              </li>
            </ul>
      </footer>
    </div>
    <div class="main-content-wrap js-main-content" tabindex="0">
      <div class="main-content">
        <div class="page-header js-page-header">
          {% if site.search_enabled != false %}
          <div class="search">
            <div class="search-input-wrap">
              <input type="text" class="js-search-input search-input" tabindex="0" placeholder="Search " aria-label="Search " autocomplete="off">
              <svg width="14" height="14" viewBox="0 0 28 28" xmlns="http://www.w3.org/2000/svg" class="search-icon"><title>Search</title><g fill-rule="nonzero"><path d="M17.332 20.735c-5.537 0-10-4.6-10-10.247 0-5.646 4.463-10.247 10-10.247 5.536 0 10 4.601 10 10.247s-4.464 10.247-10 10.247zm0-4c3.3 0 6-2.783 6-6.247 0-3.463-2.7-6.247-6-6.247s-6 2.784-6 6.247c0 3.464 2.7 6.247 6 6.247z"/><path d="M11.672 13.791L.192 25.271 3.02 28.1 14.5 16.62z"/></g></svg>
            </div>
            <div class="js-search-results search-results-wrap"></div>
          </div>
          {% endif %}
            <ul class="nav-custom">
              <li class="nav-item rm-md">
                  <a href="https://simplefoc.com/" title="SimpleFOC project home"><i class="fa fa-home fa-lg"></i> <span> Home</span></a>
              </li>
              <li class="nav-item  rm-md">
                  <a href="https://github.com/simplefoc" ><i class="fa fa-github fa-lg"></i> <span> GitHub</span> </a>
              </li>
              <li class="nav-item ">
                   <a href="https://community.simplefoc.com" title="SimpleFOC project home"> 
                       <i class="fa fa-lg">
                           <svg id="fab-discourse" style="width:15px" viewBox="0 0 448 512">
                                   <path d="M225.9 32C103.3 32 0 130.5 0 252.1 0 256 .1 480 .1 480l225.8-.2c122.7 0 222.1-102.3 222.1-223.9C448 134.3 348.6 32 225.9 32zM224 384c-19.4 0-37.9-4.3-54.4-12.1L88.5 392l22.9-75c-9.8-18.1-15.4-38.9-15.4-61 0-70.7 57.3-128 128-128s128 57.3 128 128-57.3 128-128 128z"></path>
                           </svg>
                       </i> 
                       <span> Community</span> 
                   </a>
               </li>
              <li class="nav-item rm-md">
                  <a href="https://simplefoc.com/shop" ><i class="fa fa-shopping-cart fa-lg"></i> <span> Shop</span> </a>
              </li>
              <li class="nav-item rm-md contact-rm">
                  <a href="https://simplefoc.com/contact" ><i class="fa fa-info-circle fa-lg"></i> <span> Contact</span> </a>
              </li>
            </ul>
        </div>
        <div class="page">
          {% unless page.url == "/" %}
            {% if page.parent %}
              <nav class="breadcrumb-nav">
                <ol class="breadcrumb-nav-list">
                  {% if page.grand_grand_grand_parent%}
                    <li class="breadcrumb-nav-list-item"><a href="{{ first_level_url }}">{{ page.grand_grand_grand_parent }}</a></li>
                    <li class="breadcrumb-nav-list-item"><a href="{{ second_level_url }}">{{ page.grand_grand_parent }}</a></li>
                    <li class="breadcrumb-nav-list-item"><a href="{{ third_level_url }}">{{ page.grand_parent }}</a></li>
                    <li class="breadcrumb-nav-list-item"><a href="{{ fourth_level_url }}">{{ page.parent }}</a></li>
                  {% elsif page.grand_grand_parent %}
                    <li class="breadcrumb-nav-list-item"><a href="{{ first_level_url }}">{{ page.grand_grand_parent }}</a></li>
                    <li class="breadcrumb-nav-list-item"><a href="{{ second_level_url }}">{{ page.grand_parent }}</a></li>
                    <li class="breadcrumb-nav-list-item"><a href="{{ third_level_url }}">{{ page.parent }}</a></li>
                  {% elsif page.grand_parent  %}
                    <li class="breadcrumb-nav-list-item"><a href="{{ first_level_url }}">{{ page.grand_parent }}</a></li>
                    <li class="breadcrumb-nav-list-item"><a href="{{ second_level_url }}">{{ page.parent }}</a></li>
                  {% else %}
                    <li class="breadcrumb-nav-list-item"><a href="{{ first_level_url }}">{{ page.parent }}</a></li>
                  {% endif %}
                  <li class="breadcrumb-nav-list-item"><span>{{ page.title }}</span></li>
                </ol>
              </nav>
            {% endif %}
          {% endunless %}
          <div id="main-content" class="page-content" role="main"  tabindex="0">
            {% if site.heading_anchors != false %}
              {% include vendor/anchor_headings.html html=content beforeHeading="true" anchorBody="<svg viewBox=\"0 0 16 16\" aria-hidden=\"true\"><use xlink:href=\"#link\"></use></svg>" anchorClass="anchor-heading" %}
            {% else %}
              {{ content }}
            {% endif %}
          {% if page.has_children == true and page.has_toc != false %}
            <hr>
            <h2 class="text-delta">Table of contents</h2>
            {% assign children_list = site.pages | sort:"nav_order" %}
            <ul>
              {% for child in children_list %}
                {% if child.parent == page.title and child.title != page.title %}
                <li>
                  <a href="{{ child.url | absolute_url }}">{{ child.title }}</a>{% if child.summary %} - {{ child.summary }}{% endif %}
                </li>
                {% endif %}
              {% endfor %}
            </ul>
          {% endif %}

          {% if site.footer_content != nil %}
            <hr>
            <footer role="contentinfo">
              <p class="text-small text-grey-dk-000 mb-0">{{ site.footer_content }}</p>
            </footer>
          {% endif %}

        </div>
      </div>
    </div>
  </div>

</body>
</html>
